<%@page import="com.jfinal.kit.PropKit"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<head>
<meta charset="utf-8">
<title>叮当乐行</title>
<link rel="stylesheet" href="/wx/css/jquery.fullPage.css">
<style>.section {
	text-align: center;
	font: 50px "Microsoft Yahei";
	color: #fff;
}</style>
<script src="/wx/js/jquery-1.8.3.min.js"></script>
<script src="/wx/js/jquery.fullPage.min.js"></script>
<link rel="stylesheet" href="/wx/css/ddang.css">
<script>$(function() {
	$('#dowebok').fullpage({
		sectionsColor: [],
		'navigation': true,
	});
});</script>
<style>body {
	font-family: "微软雅黑";
	margin: 0px;
}

.top {
	position: fixed;
	border-bottom: 1px solid #666666;
	width: 100%;
	height: 71px;
	background: #fff;
	z-index: 9999;
}

.topbutton {
	border: none;
	padding: 11px 25px 11px 25px;
	margin-top: 7px;
	font-size: 15px;
}

.go {
	background: #39aceb;
	color: #fff;
	border: 1px solid #39aceb;
	margin-left: 18px;
	margin-right: 21px;
}

.ding {
	background: #fff;
	color: #666;
	border: 1px solid #666;
}

.content_span {
	padding: 0 20px 0 10px;
}

.content {
	margin-top: 21px;
	margin-left: 40px;
}
.input{
	
	width: 400px;
    height: 37px;
    border-radius: 5px;
    background: #39ACEB;
    color: #fff;
    font-size: 15px;
    border: none;
    text-align: center;
    margin-left: 56px;
}
#footBottom{
	width: 100%;
    height: 126px;
    background: #1d1f22;
    margin: 0;
    padding: 0;
    outline: none;
    color: white;
    text-align: center;
}
a:link{
	 text-decoration: none;
	 color:#000;
}
</style>
<script>$(function() {
	$(".go").click(function() {
		location.href = "https://item.taobao.com/item.htm?spm=a230r.1.14.20.zbjcl8&id=530825443620&ns=1&abbucket=16#detail";
	})
	$(".ding").click(function() {

	})
})
	function submit(){
	 $.ajax({
			type : "POST",
			url : "../../ddang",
			dataType : "json",
			data : {
				address:$("#address").val(),
				tel:$("#tel").val(),
				name:$("#name").val()
			},
			success : function(data) {
				alert("提交成功！我们会在第一时间联系您！");
				$('.cd-popup3').removeClass('is-visible3');
				
			},
			error : function(data) {
				alert("提交失败！请重新填写！")
			}
		}); 
}
</script>
<script type="text/javascript">/*弹框JS内容*/
$(document).ready(function() {

	//打开窗口
	$('.cd-popup-trigger3').on('click', function(event) {
		event.preventDefault();
		$('.cd-popup3').addClass('is-visible3');
		//$(".dialog-addquxiao").hide()
	});
	//关闭窗口
	$('.cd-popup3').on('click', function(event) {
		if($(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup3')) {
			event.preventDefault();
			$(this).removeClass('is-visible3');
		}
	});
});</script>
</head>

<body>
<div class="top">
			<img src="/wx/images/lexing.png" style="width:66px;float: left;margin:5px 15px 5px 15px">
			<div style="float: left;margin-left: 65px;">
				<p style="font-size: 13px;">颠覆功能，释放双手的真智能行车记录仪</p>
			    <p style="color: #0e77ed;font-size: 20px;font-size: 21px;margin-top: -7px;">手放开，尽享智能新体验</p>
			</div>
			<div style="float: left;" class="content">
					<a href="#yuyin"><span class="content_span">智能语音交互</span></a><span>|</span>
					<a href="#weixin"><span class="content_span">微信专属服务</span></a><span>|</span>
					<a href="#dingzhi"><span class="content_span">专业定制服务</span></a>
			</div>
			<div style="float: right;margin-right: 66px; margin-top: 8px;">
				<input type="button" class="topbutton go " value="个人购买">
			<a>	<input type="button" class="topbutton ding cd-popup-trigger3" value="企业定制"></a>
			</div>
		</div>
<div id="dowebok">
	<div class="section" style="position: relative;">
		<img src="/wx/images/dd_02.png"/ style="margin-top:70px"> 
		<div style="margin-top: -428px;font-size: 15px;margin-left: 732px;position: absolute;"> 
			<h2 class="title" style="color:#595757;font-size:33px;font-family: 'FZLTXHK','Microsoft Yahei';">易行丁丁智能行车秘书</h2>
			<h4 class="title" style="color:#595757;font-size:100%;font-family: 'FZLTXHK','Microsoft Yahei';margin-top:-10px;">全程语音操控 | 1080P60帧高速摄影 | 3.5英寸大宽屏 | 无缝对接微信</h4>
			<h4 class="title" style="color:#595757;font-size:130%;font-family: 'FZLTXHK','Microsoft Yahei';margin-top:-5px;">边开边录边分享 智能安全驾驶</h4>
		</div>
	</div>
	<div class="section">
		<img src="/wx/images/dd_03.jpg">
	</div>
	<div class="section">
		<img src="/wx/images/dd_04.png">
	</div>
	<div class="section">
		<img src="/wx/images/dd_05.png">
	</div>
	<div class="section">
		<img src="/wx/images/dd_09.png">
	</div>
	<div class="section">
		<img src="/wx/images/dd_10.png">
	</div>
	<div class="section">
		<img src="/wx/images/dd_11.jpg">
	</div>
</div>
<div class="cd-popup3">
    <div class="cd-popup-container3">
        <p style="font-size: 22px">企业定制</p>
        <p style="text-align: center;margin-top: 46px;">
        		请提供您公司的联系方式及详细地址，我们会在第一时间了解您的需求，为您带来更好的产品。
        </p>
        <div class="cd-buttons">
        	<table style="margin: 23px auto;border-collapse:   separate;   border-spacing:   20px;">
        		<tr>
        			<td>
        				 公司地址：
        			</td>
        			<td>
        				<textarea cols="60" rows="10" id="address"></textarea>
        			</td>
        		</tr>
        		<tr>
        			<td>
        				 联系方式：
        			</td>
        			<td>
        				<input type="text" value="" id="tel" style="width: 441px;"/>
        			</td>
        		</tr>
        		<tr>
        			<td>
        				 联系人：
        			</td>
        			<td>
        				<input type="text" value="" id="name"  style="width: 441px;"/>
        			</td>
        		</tr>
        	</table>
        	<input class="input" type="button" value="提交" onclick="submit()"> 
        </div>
        <a href="#0" class="cd-popup-close">关闭</a>
    </div>
</div>

</body>
</html>